@font-face {
    font-family: 'officinaserifc-bold';
    src: url('../fonts/officinaserifc-bold.otf');
}

@font-face {
    font-family: 'officinaserifc-book';
    src: url('../fonts/officinaserifc-book.otf');
}

/* Reset
---------------------------------------- */
ABBR, ARTICLE, ASIDE, AUDIO, BB, CANVAS, DATAGRID, DATALIST, DETAILS, DIALOG, FIGURE, FOOTER, HEADER, MARK, MENU, METER, NAV, OUTPUT, PROGRESS, SECTION, TIME, VIDEO {
    display: block;
}

HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P,
BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN,
EM, FONT, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, SUB, SUP,
TT, VAR, HR, B, U, I, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM,
LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD {
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    vertical-align: baseline;
    font-family: inherit;
    font-size: 100%;
}

OL, UL {
    list-style: none;
}

IMG {
    vertical-align: middle;
}

TABLE {
    border-collapse: collapse;
}

/* Global style
---------------------------------------- */

BODY {
    font-size: 12px;
    font-family: Arial, sans-serif;
    background: #444444;
}

A {
    color: #007bd9;
}

/* forms
---------------------------------------- */

INPUT[type='text'],
INPUT[type='password'],
TEXTAREA {
    padding: 0 20px;
    width: 100%;
    height: 40px;
    color: #acacac;
    font-size: 18px;
    font-family: Arial, sans-serif;
    border: 0;
    border-bottom: 1px solid #fffbff;

    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, .8);
    -webkit-box-sizing: border-box;

    border-radius: 5px;
    -moz-border-radius: 5px;

    box-shadow: inset 0 1px 6px rgba(0, 0, 0, .8);
    -moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, .8);

    box-sizing: border-box;
    -moz-box-sizing: border-box;

    background: -moz-linear-gradient(top, #e2e0e2 0%, #ffffff 50%, #f8f5f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e0e2), color-stop(50%, #ffffff), color-stop(100%, #f8f5f8));
    background: -webkit-linear-gradient(top, #e2e0e2 0%, #ffffff 50%, #f8f5f8 100%);
    background: -o-linear-gradient(top, #e2e0e2 0%, #ffffff 50%, #f8f5f8 100%);
    background: linear-gradient(top, #e2e0e2 0%, #ffffff 50%, #f8f5f8 100%);
}

TEXTAREA {
    padding: 10px 15px;
    height: auto;
    resize: none;
}

INPUT[type='text']:focus,
INPUT[type='password']:focus,
TEXTAREA:focus {
    color: #000;
    outline: 0;
}

.f-checkbox {
    display: inline-block;
    vertical-align: middle;
    margin: 0 14px 0 0;
    width: 32px;
    height: 32px;
    background: url(../i/bg/f-checkbox.png) 0 0 no-repeat;
}

.f-checkbox.checked {
    background-position: 0 -32px;
}

.f-checkbox INPUT {
    margin: 0;
    width: 32px;
    height: 32px;
    opacity: 0;
}

.f-radio {
    display: inline-block;
    vertical-align: middle;
    width: 33px;
    height: 33px;
    background: url(../i/bg/f-radio.png) 0 -33px no-repeat;
}

.f-radio.selected {
    background-position: 0 0;
}

.f-radio INPUT {
    margin: 0;
    width: 33px;
    height: 33px;
    opacity: 0;
}

.f-more-option LABEL {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    vertical-align: middle;
}

/* global-ui-btn
---------------------------------------- */
.global-ui-btn {
    margin: 0 14px 0 0;
    padding: 0;
    width: 131px;
    height: 42px;
    font-size: 18px;
    font-family: 'officinaserifc-bold';
    cursor: pointer;
    border: 0;
    background: url(../i/bg/gub.png) 0 0 no-repeat;
}

.global-ui-btn.min {
    width: 118px;
}

.global-ui-btn.max {
    width: 156px;
}

.global-ui-btn.min,
.global-ui-btn.max {
    margin-right: 5px;
    font-size: 20px;
}

.global-ui-btn.last-child {
    float: right;
    margin-right: 0;
}

.global-ui-btn.orange-btn {
    color: #fefefe;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    background-position: 0 0;
}

.global-ui-btn.orange-btn.min {
    color: #faeac0;
    background-position: 0 -210px;
}

.global-ui-btn.orange-btn.max {
    color: #faeac0;
    background-position: 0 -84px;
}

.global-ui-btn.gray-btn {
    color: #35383c;
    text-shadow: 0 1px 0 #fff;
    background-position: 0 -42px;
}

.global-ui-btn.gray-btn.min {
    background-position: 0 -126px;
}

.global-ui-btn.gray-btn.max {
    background-position: 0 -168px;
}

/* select-popup
---------------------------------------- */
.select-popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
}

.select-popup {
    position: absolute;
    top: 105px;
    left: 50%;
    margin-left: -138px;
    padding: 2px;
    width: 273px;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.select-popup.select-age {
    top: 38px;
}

.select-popup .sp-title {
    padding: 0 20px;
    color: #faeac0;
    font-size: 20px;
    line-height: 40px;
    font-family: 'officinaserifc-bold';
    text-shadow: 0 0 5px rgba(0, 0, 0, .5);
    background: url(../i/bg/sp-title.png) 0 0 repeat-x;

    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
}

.select-popup .sp-options-list LI {
    position: relative;
    padding: 17px 20px;
    font-size: 20px;
    font-family: 'officinaserifc-book';
    background: url(../i/bg/option-sep.png) center top no-repeat;
}

.select-popup .sp-options-list LI:first-child {
    background: none;
}

.select-popup .sp-options-list .f-radio {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -16px;
}

/* Utils
---------------------------------------- */

.hidden {
    display: none;
    visibility: hidden;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    overflow: hidden;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

*html .clearfix {
    height: 1%;
}

.al {
    float: left;
}

.ar {
    float: right;
}

/* android-wrap
---------------------------------------- */
.android-wrap {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -217px;
    padding: 131px 58px 0 56px;
    width: 320px;
    height: 674px;
    background: url(../i/bg/android-wrap.png) 0 0 no-repeat;
}

.android-control {
    position: absolute;
    width: 40px;
    height: 37px;
    text-indent: -9999px;
    background: url(../i/bg/android-controls.png) 0 0 no-repeat;
}

.android-control.back-btn {
    bottom: 157px;
    right: 61px;
    background-position: 0 0;
}

.android-control.back-btn:hover {
    background-position: 0 -37px;
}

/* scroll-pane
---------------------------------------- */
.scroll-pane {
    width: 100%;
    height: 418px;
    overflow: auto;
}

.scroll-pane.has-controls {
    height: 383px;
}

/* main-styles
---------------------------------------- */

#wrapper {
    position: relative;
    width: 320px;
    height: 454px;
    overflow: hidden;
    background: #d71e27;
}

#header {
    padding: 0 0 0 20px;
    height: 36px;
    background: url(../i/bg/header.png) 0 0 repeat-x;
}

.logo {
    float: left;
    line-height: 34px;
    font-weight: normal;
}

.logo A {
    color: #faeac0;
    font-family: 'officinaserifc-bold';
    font-size: 24px;
    text-decoration: none;
    text-shadow: 0 0 5px rgba(0, 0, 0, .5);
}

.logo SPAN {
    color: #fefefe;
}

.app-controls {
    float: right;
}

.app-controls LI {
    float: left;
    background: url(../i/bg/appc-sep.png) 0 0 no-repeat;
}

.app-controls A {
    display: block;
    width: 36px;
    height: 36px;
    text-indent: -9999px;
    background: url(../i/bg/appc-icons.png) center 45px no-repeat;
}

.app-controls .appc-info {
    background-position: center 6px;
}

.app-controls .appc-logout {
    background-position: center -28px;
}

.app-controls .appc-back {
    background-position: center -63px;
}

.app-controls .appc-home {
    background-position: center -97px;
}

#header .title {
    float: left;
    color: #faeac0;
    font-size: 20px;
    line-height: 34px;
    font-family: 'officinaserifc-bold';
    text-shadow: 0 0 5px rgba(0, 0, 0, .5);
}

.bonus-counter {
    position: relative;
    padding: 6px 15px 0 0;
    height: 29px;
    color: #fff;
    font-family: 'officinaserifc-book';
    text-align: right;
    font-size: 20px;
    text-shadow: 0 0 5px rgba(0, 0, 0, .7);
    background: rgba(0, 0, 0, .5);
    z-index: 5;
}

.bonus-counter STRONG {
    font-size: 30px;
    text-shadow: none;
    font-weight: normal;
    line-height: 20px;
}

#content {
    padding: 19px 19px 0 19px;
}

#content.expand {
    padding: 0;
}

.c-logo {
    margin: 0 0 21px 0;
    text-align: center;
    font-weight: normal;
}

.c-logo A {
    color: #95171d;
    font-family: 'officinaserifc-book';
    font-size: 32px;
    text-decoration: none;
}

.c-logo.white {
    margin: 0 0 70px 0;
}

.c-logo.white A {
    color: #f4c5c7;
}

.app-loading {
    margin: 0 auto 120px;
    padding: 48px 0 0 0;
    width: 285px;
    height: 111px;
    text-align: center;
    background: url(../i/bg/app-loading.png) 0 0 no-repeat;
}

.app-loading .logo {
    float: none;
    margin: 0 0 6px 0;
}

.app-loading .logo A {
    font-size: 36px;
}

.app-loading .preloader {
    margin: 0 auto;
    width: 220px;
    height: 19px;
    background: url(../i/bg/preloader.gif) 0 0 no-repeat;
}

.contact-phone {
    color: #fff;
    font-size: 36px;
    text-align: center;
    font-family: 'officinaserifc-book';
    font-style: normal;
    text-shadow: 0 0 5px rgba(0, 0, 0, .7);
}

.sign-in FIELDSET {
    margin: 0 0 20px 0;
}

.sign-in .f-phone {
    padding-left: 39px;

    background: url(../i/bg/sif-icons.png), -moz-linear-gradient(top, #e2e0e2 0%, #ffffff 50%, #f8f5f8 100%);
    background: url(../i/bg/sif-icons.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e0e2), color-stop(50%, #ffffff), color-stop(100%, #f8f5f8));
    background: url(../i/bg/sif-icons.png), -webkit-linear-gradient(top, #e2e0e2 0%, #ffffff 50%, #f8f5f8 100%);
    background: url(../i/bg/sif-icons.png), -o-linear-gradient(top, #e2e0e2 0%, #ffffff 50%, #f8f5f8 100%);
    background: url(../i/bg/sif-icons.png), linear-gradient(top, #e2e0e2 0%, #ffffff 50%, #f8f5f8 100%);

    background-position: 12px 8px, 0 0;
    background-repeat: no-repeat, no-repeat;
}

.sign-in .f-password {
    padding-left: 39px;

    background: url(../i/bg/sif-icons.png), -moz-linear-gradient(top, #e2e0e2 0%, #ffffff 50%, #f8f5f8 100%);
    background: url(../i/bg/sif-icons.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e0e2), color-stop(50%, #ffffff), color-stop(100%, #f8f5f8));
    background: url(../i/bg/sif-icons.png), -webkit-linear-gradient(top, #e2e0e2 0%, #ffffff 50%, #f8f5f8 100%);
    background: url(../i/bg/sif-icons.png), -o-linear-gradient(top, #e2e0e2 0%, #ffffff 50%, #f8f5f8 100%);
    background: url(../i/bg/sif-icons.png), linear-gradient(top, #e2e0e2 0%, #ffffff 50%, #f8f5f8 100%);

    background-position: 11px -34px, 0 0;
    background-repeat: no-repeat, no-repeat;
}

.sign-in .forgot-password {
    float: right;
    margin: 5px 0 0 0;
    color: #f3bcbf;
    font-size: 16px;
}

.sign-in .f-age .styled {
    display: inline-block;
    width: 180px !important;
}

.sign-in .f-title {
    display: inline-block;
    padding: 0 15px 0 10px;
    width: 32px;
    color: #fff;
    font-size: 20px;
    vertical-align: middle;
    font-family: 'officinaserifc-book';
}

.sign-in .choose-sex {
    display: inline-block;
    vertical-align: middle;
}

.sign-in .choose-sex LI {
    float: left;
    height: 42px;
}

.sign-in .choose-sex .type-radio {
    width: 111px;
    height: 42px;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.sign-in .choose-sex .cs-male {
    background: url(../i/bg/cs.png) 0 0 no-repeat;
}

.sign-in .choose-sex .cs-female {
    background: url(../i/bg/cs.png) top right no-repeat;
}

.sign-in .choose-sex .cs-male.selected {
    background: url(../i/bg/cs.png) 0 -42px no-repeat;
}

.sign-in .choose-sex .cs-female.selected {
    background: url(../i/bg/cs.png) bottom right no-repeat;
}

.sign-in.min FIELDSET {
    margin-bottom: 18px;
}

.c-promo A {
    display: block;
    color: #95171d;
    font-family: 'officinaserifc-book';
    font-size: 32px;
    text-align: center;
    line-height: 70px;
    text-decoration: none;
    background: #bf262d;

    -webkit-border-radius: 8px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);

    border-radius: 8px;
    -moz-border-radius: 8px;

    box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);

    background: -moz-linear-gradient(top, #c32a31 0%, #bb232a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c32a31), color-stop(100%, #bb232a));
    background: -webkit-linear-gradient(top, #c32a31 0%, #bb232a 100%);
    background: -o-linear-gradient(top, #c32a31 0%, #bb232a 100%);
    background: -ms-linear-gradient(top, #c32a31 0%, #bb232a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#c32a31', endColorstr = '#bb232a', GradientType = 0);
    background: linear-gradient(top, #c32a31 0%, #bb232a 100%);
}

.sp-inner .main-navi {
    margin: 0;
}

.main-navi {
    margin: 0 0 19px 0;
}

.main-navi LI {
    margin: 0 0 9px 0;
}

.main-navi A {
    display: block;
    padding-right: 6px;
    text-decoration: none;
    text-align: center;
    background: url(../i/bg/main-navi-br-r.png) top right no-repeat;
}

.main-navi .disabled A {
    cursor: default;
}

.main-navi .disabled .icon {
    color: #a8a8a7;
    text-shadow: 0 1px 1px #fff;
    cursor: default;
}

.main-navi .meta-i {
    font-size: 16px;
    vertical-align: bottom;
}

.main-navi .br {
    display: block;
    background: url(../i/bg/main-navi.png) 0 0 no-repeat;
}

.main-navi .icon {
    display: block;
    padding-left: 76px;
    color: #35383c;
    font-size: 20px;
    line-height: 52px;
    font-family: 'officinaserifc-bold';
    text-shadow: 0 1px 0 #fff;
    background: url(../i/bg/main-navi-icons.png) 0 0 no-repeat;
}

.main-navi .icon.min {
    padding: 7px 0 8px 80px;
    font-size: 16px;
    line-height: 18px;
    font-family: 'officinaserifc-book';
}

.main-navi .icon.min STRONG {
    font-family: 'officinaserifc-bold';
}

.main-navi .last-child {
    padding: 24px 0 0 0;
}

.main-navi .icon.viewing {
    background-position: 14px 10px;
}

.main-navi .icon.category {
    background-position: 14px -38px;
}

.main-navi .icon.map {
    background-position: 14px -90px;
}

.main-navi .icon.statistic {
    background-position: 14px -143px;
}

.main-navi .icon.settings {
    background-position: 14px -195px;
}

.main-navi .icon.video {
    background-position: 14px -250px;
}

.main-navi .icon.pictures {
    background-position: 14px -307px;
}

.main-navi .icon.text {
    background-position: 14px -363px;
}

.main-navi .icon.audio {
    background-position: 14px -420px;
}

.main-navi .icon.password {
    background-position: 14px -475px;
}

.main-navi .icon.font {
    background-position: 14px -528px;
}

.main-navi .icon.language {
    background-position: 14px -584px;
}

.main-navi .icon.feedback {
    background-position: 14px -637px;
}

.main-navi .icon.r-bonus {
    background-position: 14px -685px;
}

.main-navi .icon.phone {
    background-position: 14px -731px;
}

.main-navi .icon.traf {
    background-position: 14px -778px;
}

.e-title {
    margin: 0 0 20px 0;
    color: #fff;
    font-size: 23px;
    font-weight: normal;
    font-family: 'officinaserifc-book';
    text-shadow: 0 0 5px rgba(0, 0, 0, .7);
}

.entry H3 {
    margin: 0 0 15px 0;
    color: #fff;
    font-size: 24px;
    font-family: 'officinaserifc-book';
    line-height: 15px;
    font-weight: normal;
}

.entry P {
    margin: 0 0 15px 0;
    color: #fff;
    font-size: 18px;
}

.entry EM {
    display: block;
    color: #fff;
    font-size: 16px;
    font-style: normal;
}

.entry IMG {
    margin: 0 0 12px 0;
}

.entry .e-logo {
    color: #f4c5c7;
    font-size: 24px;
    font-weight: normal;
    font-family: 'officinaserifc-bold';
}

.entry .e-logo SPAN {
    color: #fefefe;
}

.statistic-list {
    margin: 0 0 30px 0;
}

.statistic-list DT {
    padding: 0 0 2px 0;
    color: #fff;
    font-size: 24px;
    font-family: 'officinaserifc-bold';
    border-bottom: 1px solid #9f1c22;
}

.statistic-list DD {
    border-top: 1px solid #d14a50;
    border-bottom: 1px solid #b71d24;
}

.statistic-list DD:last-child {
    border-bottom: 1px solid #d14a50;
    background: url(../i/bg/sl-sep.png) bottom left repeat-x;
}

.statistic-list P {
    display: inline-block;
    width: 51%;
    color: #f4c5c7;
    font-size: 20px;
    font-family: 'officinaserifc-book';
}

.statistic-list STRONG {
    display: inline-block;
    width: 47%;
    color: #fff;
    font-size: 30px;
    font-weight: normal;
    text-align: right;
    font-family: 'officinaserifc-book';
}

.language-settings {
    margin: 0 0 20px 0;
}

.language-settings .styled {
    margin: 0 0 165px 0;
}

.category-list LI {
    position: relative;
    margin: 0 0 10px 0;
    padding: 9px 40px 9px 20px;
    color: #fefefe;
    font-size: 20px;
    font-family: 'officinaserifc-book';
    background: #791116;

    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}

.category-list .cl-remove {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -10px;
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    background: url(../i/bg/cl-remove.png) 0 0 no-repeat;
}

.category-list-full LI {
    position: relative;
    padding: 7px 72px 7px 20px;
    border-top: 1px solid #d14a50;
    border-bottom: 1px solid #b31c23;
}

.category-list-full LI:last-child {
    border-bottom: 0;
}

.category-list-full DT,
.category-list-full DD {
    display: inline-block;
    vertical-align: middle;
}

.category-list-full DT {
    width: 168px;
    color: #fefefe;
    font-size: 20px;
    font-family: 'officinaserifc-book';
    text-shadow: 0 0 5px rgba(0, 0, 0, .7);
}

.category-list-full .preview {
    margin: 0 13px 0 0;
}

.category-list-full .cl-check {
    position: absolute;
    right: 20px;
    top: 50%;
    margin: -16px 0 0 0;
}

.category-list-full .cl-check .f-checkbox {
    margin: 0;
}

.category-list-wrap,
.sp-inner {
    padding: 19px 19px 12px;
}

.choose-up.category-list .user-profile DT,
.choose-up.category-list .user-profile DD {
    float: left;
}

.choose-up.category-list LI {
    padding: 9px 20px;
}

.choose-up.category-list LI.selected {
    background: url(../i/bg/selected-section.png) 0 0 no-repeat;
}

.choose-up.category-list .user-profile .up-sex {
    width: 73px;
}

.choose-up.category-list .user-profile .up-range {
    width: 65px;
}

.view-map {
    margin: -35px 0 0 0;
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
    background: url(../i/bg/map.png) center no-repeat;
}

.view-map .mark {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -21px;
    width: 65px;
    height: 51px;
    text-indent: -9999px;
    background: url(../i/bg/mark.png) 0 0 no-repeat;
}

.view-map .vm-tooltip {
    position: absolute;
    top: 25%;
    left: 50%;
    margin-left: -141px;
    width: 282px;
}

.view-map .vm-tooltip .vmt-inner {
    position: relative;
    border: 1px solid #ad3136;
    background: #d41e27;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.view-map .vm-tooltip .vmt-f-inner {
    padding: 9px;
    border: 1px solid #e6656b;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.view-map .vm-tooltip .vmt-s-inner {
    padding: 10px;
    background: #eeeeee;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .5);
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .5);
}

.view-map .vm-tooltip IMG {
    float: left;
    margin: 0 20px 0 0;
}

.view-map .vm-tooltip P {
    font-size: 18px;
}

.view-map .vm-tooltip .shadow {
    position: absolute;
    bottom: -12px;
    left: 2px;
    width: 354px;
    height: 154px;
    background: url(../i/bg/shadow.png) 0 0 no-repeat;
}

.view-map .vm-tooltip .corn {
    position: absolute;
    bottom: -11px;
    left: 0;
    width: 100%;
    height: 13px;
    background: url(../i/bg/vmt-corn.png) center no-repeat;
}

.feedback-form .ff-controls {
    padding: 10px 19px;
    background: #560c10;
}

.feedback-form .ff-entry {
    padding: 19px;
    background: #b41a21;
}

.feedback-form .ff-entry FIELDSET {
    margin: 0 0 20px 0;
}

.feedback-form TEXTAREA {
    height: 195px;
}

.feedback-form .f-questions {
    padding: 0 0 30px 0;
    background: #b01920;
}

.feedback-form .f-questions UL {
    border-bottom: 1px solid #bd3e45;
}

.feedback-form .f-questions LI {
    padding: 8px 20px;
    color: #fff;
    font-size: 18px;
    border-top: 1px solid #bd3e45;
    border-bottom: 1px solid #a61a22;
}

.feedback-form .f-questions LI.selected {
    background: #c81116;
}

.feedback-form .f-answer {
    padding: 20px;
    background: #7c1116;
}

.feedback-form .f-answer TEXTAREA {
    height: 165px;
}

#control-panel {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 36px;
    background: url(../i/bg/control-panel.png) 0 0 repeat-x;
}

#control-panel .cp-btn {
    float: left;
    background: url(../i/bg/cp-btn-sep.png) top right no-repeat;
}

#control-panel .cp-btn A {
    display: block;
    padding: 0 18px 0 40px;
    color: #000;
    font-size: 14px;
    line-height: 39px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    font-family: 'officinaserifc-book';
    background: url(../i/bg/cp-btn-ico.png) 0 0 no-repeat;
}

#control-panel .cp-btn.icon-only A {
    padding: 0;
    width: 42px;
    text-indent: -9999px;
}

#control-panel .cp-btn.ok-btn {
    float: right;
    margin: 0 0 0 -3px;
}

#control-panel .cp-btn.ok-btn A {
    padding: 0;
    width: 89px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    font-family: 'officinaserifc-bold';
    background: url(../i/bg/cp-btn-ok.png) 0 0 no-repeat;
}

#control-panel .cp-btn.addc-btn A {
    background-position: 10px 10px;
}

#control-panel .cp-btn.clear-btn A {
    background-position: 10px -25px;
}

#control-panel .cp-btn.checka-btn A {
    background-position: 9px -58px;
}

#control-panel .cp-btn.unchecka-btn A {
    background-position: 9px -90px;
}

#control-panel .cp-btn.undo-btn A {
    background-position: 8px -121px;
}

#control-panel .cp-btn.edit-btn A {
    background-position: 9px -154px;
}

#control-panel .cp-btn.prev-btn,
#control-panel .cp-btn.next-btn {
    float: right;
    background-position: 0 0;
}

#control-panel .cp-btn.prev-btn A,
#control-panel .cp-btn.next-btn A {
    color: #35383c;
    font-size: 18px;
    font-family: 'officinaserifc-bold';
}

#control-panel .cp-btn.prev-btn.disabled A,
#control-panel .cp-btn.next-btn.disabled A {
    color: #a8a8a7;
    text-shadow: 0 -1px 0 #fff;
}

#control-panel .cp-btn.prev-btn A {
    background-position: 10px -188px;
}

#control-panel .cp-btn.next-btn A {
    padding: 0 40px 0 17px;
    background-position: 64px -224px;
}

#control-panel .cp-btn.refresh-btn A {
    background-position: 9px -259px;
}

#control-panel .cp-btn.mute-btn A {
    background-position: 8px -294px;
}

#control-panel .cp-btn.zoomin-btn,
#control-panel .cp-btn.zoomout-btn,
#control-panel .cp-btn.center-btn {
    float: right;
    background-position: 0 0;
}

#control-panel .cp-btn.zoomin-btn A {
    background-position: 11px 10px;
}

#control-panel .cp-btn.zoomout-btn A {
    background-position: 11px -362px;
}

#control-panel .cp-btn.center-btn A {
    background-position: 11px -330px;
}
		
		
		
		



